{% load staticfiles %}
<html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Favicon icon -->
    <link rel="icon" type="image/png" sizes="16x16" href="{% static "images/favicon.png"%}">
    <title>{% block title %}代理专用网页管理后台{% endblock title %}</title>
    <!-- Bootstrap Core CSS -->
    <link href="{% static "css/lib/bootstrap/bootstrap.min.css" %}" rel="stylesheet">
    <!-- Custom CSS -->

    <link href="{% static "css/lib/calendar2/semantic.ui.min.css"%}" rel="stylesheet">
    <link href="{% static "css/lib/calendar2/pignose.calendar.min.css"%}" rel="stylesheet">
    <link href="{% static "css/lib/owl.carousel.min.css" %}" rel="stylesheet" />
    <link href="{% static "css/lib/owl.theme.default.min.css" %}" rel="stylesheet" />
    <link href="{% static "css/helper.css"%}" rel="stylesheet">
    <link href="{% static "css/style.css"%}" rel="stylesheet">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:** -->
    <!--[if lt IE 9]>
    <script src="{% static "js/html5shiv.js"%}"></script>
    <script src="{% static "js/respond.min.js"%}"></script>
<![endif]-->
</head>

<body class="fix-header fix-sidebar">
    <!-- Preloader - style you can find in spinners.css -->

    <!-- Main wrapper  -->
    <div id="main-wrapper">
        <!-- header header  -->
        <div class="header">
            <nav class="navbar top-navbar navbar-expand-md navbar-light">
                <!-- Logo -->
                <div class="navbar-header">
                    <a class="navbar-brand" href="{% url "index" %}">
                        <!-- Logo icon -->
                        <b><img src="{% static "images/logo.png"%}" alt="homepage" class="dark-logo" /></b>
                        <!--End Logo icon -->
                        <!-- Logo text -->
                        <span><img src="{% static "images/logo-text.png"%}" alt="homepage" class="dark-logo" /></span>
                    </a>
                </div>
                <!-- End Logo -->
                <div class="navbar-collapse">
                    <!-- toggle and nav items -->
                    <ul class="navbar-nav mr-auto mt-md-0">
                        <!-- This is  -->
                        <li class="nav-item"> <a class="nav-link nav-toggler hidden-md-up text-muted  " href="javascript:void(0)"><i class="mdi mdi-menu"></i></a> </li>
                        <li class="nav-item m-l-10"> <a class="nav-link sidebartoggler hidden-sm-down text-muted  " href="javascript:void(0)"><i class="ti-menu"></i></a> </li>
                        <!-- Messages -->
                        <li class="nav-item dropdown mega-dropdown"> <a class="nav-link dropdown-toggle text-muted  " href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-th-large"></i></a>
                            <div class="dropdown-menu animated zoomIn">
                                <ul class="mega-dropdown-menu row">


                                    <li class="col-lg-3  m-b-30">
                                        <h4 class="m-b-20">联系我们</h4>
                                        <!-- Contact -->
                                        <form>
                                            <div class="form-group">
                                                <input type="text" class="form-control" id="exampleInputname1" placeholder="输入名字"> </div>
                                            <div class="form-group">
                                                <input type="email" class="form-control" placeholder="联系方式"> </div>
                                            <div class="form-group">
                                                <textarea class="form-control" id="exampleTextarea" rows="3" placeholder="输入信息"></textarea>
                                            </div>
                                            <button type="submit" class="btn btn-info">提交（功能暂时无法使用）</button>
                                        </form>
                                    </li>
                                    <li class="col-lg-3 col-xlg-3 m-b-30">
                                        <h4 class="m-b-20">友情链接</h4>
                                        <!-- List style -->
                                        <ul class="list-style-none">
                                            <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 欢迎加入我们的友链！ </a></li>
                                            <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 欢迎加入我们的友链！ </a></li>
                                            <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 欢迎加入我们的友链！ </a></li>
                                            <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 欢迎加入我们的友链！ </a></li>
                                            <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 欢迎加入我们的友链！ </a></li>
                                        </ul>
                                    </li>
                                    <li class="col-lg-3 col-xlg-3 m-b-30">
                                        <h4 class="m-b-20">友情链接</h4>
                                        <!-- List style -->
                                        <ul class="list-style-none">
                                            <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 欢迎加入我们的友链！ </a></li>
                                            <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 欢迎加入我们的友链！ </a></li>
                                            <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 欢迎加入我们的友链！ </a></li>
                                            <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 欢迎加入我们的友链！ </a></li>
                                            <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 欢迎加入我们的友链！ </a></li>
                                        </ul>
                                    </li>
                                    <li class="col-lg-3 col-xlg-3 m-b-30">
                                        <h4 class="m-b-20">友情链接</h4>
                                        <!-- List style -->
                                        <ul class="list-style-none">
                                            <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 欢迎加入我们的友链！ </a></li>
                                            <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 欢迎加入我们的友链！ </a></li>
                                            <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 欢迎加入我们的友链！ </a></li>
                                            <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 欢迎加入我们的友链！ </a></li>
                                            <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 欢迎加入我们的友链！ </a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <!-- End Messages -->
                    </ul>
                    <!-- User profile and search -->
                    <ul class="navbar-nav my-lg-0">

                        <!-- Comment -->
                        <!-- End Comment -->
                        <!-- Messages -->
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle text-muted  " href="#" id="2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-envelope"></i>
								<div class="notify"> </div>
							</a>
                            <div class="dropdown-menu dropdown-menu-right mailbox animated zoomIn" aria-labelledby="2">
                                <ul>
                                    <li>
                                        <div class="drop-title">暂无新信息</div>
                                    </li>
                                    <li>
                                        <div class="message-center">
                                            <!-- Message -->
                                            <a href="#">
                                                <div class="user-img"> <img src="{% static "images/users/5.jpg"%}" alt="user" class="img-circle"> <span class="profile-status online pull-right"></span> </div>
                                                <div class="mail-contnet">
                                                    <h5>邮箱系统</h5> <span class="mail-desc">暂无信息!</span> <span class="time">Now</span>
                                                </div>
                                            </a>
                                            <!-- Message -->
                                        </div>
                                    </li>
                                    <li>
                                        <a class="nav-link text-center" href="javascript:void(0);"> <strong>你的邮箱</strong> <i class="fa fa-angle-right"></i> </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <!-- End Messages -->
                        <!-- Profile -->
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle text-muted  " href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="{% static "images/users/5.jpg"%}" alt="user" class="profile-pic" /></a>
                            <div class="dropdown-menu dropdown-menu-right animated zoomIn">
                                <ul class="dropdown-user">
                                    <li><a href="{% url "profile_setting" %}"><i class="ti-user"></i> 用户：{{ user.username }}</a></li>
                                    <li><a href="{% url "shop" %}"><i class="ti-wallet"></i> 购买授权</a></li>
                                    <li><a href="{% url "make_auth" %}"><i class="ti-email"></i> 使用卡密</a></li>
                                    <li><a href="{% url "change_bot_qq" %}"><i class="ti-email"></i> 修改卡密</a></li>
                                    <li><a href="{% url "check_all_deal" %}"><i class="ti-email"></i> 查看订单</a></li>
                                    <li><a href="{% url "check_all_auth" %}"><i class="ti-email"></i> 管理授权</a></li>
                                    <li><a href="{% url "transfer" %}"><i class="ti-wallet"></i> 转账</a></li>
                                    <li><a href="{% url "create_new_down_account" %}"><i class="ti-user"></i> 创建下级代理</a></li>
                                    <li><a href="{% url "check_all_down_proxy" %}"><i class="ti-user"></i> 管理下级代理</a></li>
                                    <li><a href="{% url "logout" %}"><i class="fa fa-power-off"></i> 登出</a></li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
        <!-- End header header -->
        <!-- Left Sidebar  -->
        <div class="left-sidebar">
            <!-- Sidebar scroll-->
            <div class="scroll-sidebar">
                <!-- Sidebar navigation-->
                <nav class="sidebar-nav">
                    <ul id="sidebarnav">
                        <li class="nav-devider"></li>
                        <li class="nav-label">主页与控制台</li>
                        <li> <a class="has-arrow  " href="{% url "index" %}" aria-expanded="false"><i class="fa fa-tachometer"></i><span class="hide-menu">控制台</span></a></li>
                        <li class="nav-label">功能</li>
                        <li> <a class="has-arrow  " href="{% url "shop" %}" aria-expanded="false"><i class="fa fa-suitcase"></i><span class="hide-menu">购买授权</span></a></li>
                        <li> <a class="has-arrow  " href="{% url "check_all_deal" %}" aria-expanded="false"><i class="fa fa-suitcase"></i><span class="hide-menu">查看订单</span></a></li>
                        <li> <a class="has-arrow  " href="{% url "check_all_auth" %}" aria-expanded="false"><i class="fa fa-suitcase"></i><span class="hide-menu">管理授权</span></a></li>
                        <li> <a class="has-arrow  " href="{% url "create_new_down_account" %}" aria-expanded="false"><i class="fa fa-suitcase"></i><span class="hide-menu">创建下级代理</span></a></li>
                        <li> <a class="has-arrow  " href="{% url "check_all_down_proxy" %}" aria-expanded="false"><i class="fa fa-suitcase"></i><span class="hide-menu">管理下级代理</span></a></li>
                        <li> <a class="has-arrow  " href="{% url "transfer" %}" aria-expanded="false"><i class="fa fa-suitcase"></i><span class="hide-menu">转账</span></a></li>
                        <li> <a class="has-arrow  " href="" aria-expanded="false"><i class="fa fa-suitcase"></i><span class="hide-menu">查询卡密</span></a></li>
                    </ul>
                </nav>
                <!-- End Sidebar navigation -->
            </div>
            <!-- End Sidebar scroll-->
        </div>
        <!-- End Left Sidebar  -->
        <!-- Page wrapper  -->
        {% block wrapper %}

        {% endblock wrapper %}
                <footer class="footer"> © 2018 All rights reserved. This Website designed by <a href="https://github.com/simplerjiang">Kong</a></footer>
            <!-- End footer -->
        </div>
        <!-- End Page wrapper  -->
    </div>
    <!-- End Wrapper -->
    <!-- All Jquery -->
    <script src="{% static "js/lib/jquery/jquery.min.js" %}"></script>
    <!-- Bootstrap tether Core JavaScript -->
    <script src="{% static "js/lib/bootstrap/js/popper.min.js"%}"></script>
    <script src="{% static "js/lib/bootstrap/js/bootstrap.min.js"%}"></script>
    <!-- slimscrollbar scrollbar JavaScript -->
    <script src="{% static "js/jquery.slimscroll.js" %}"></script>
    <!--Menu sidebar -->
    <script src="{% static "js/sidebarmenu.js"%}"></script>
    <!--stickey kit -->
    <script src="{% static "js/lib/sticky-kit-master/dist/sticky-kit.min.js"%}"></script>
    <!--Custom JavaScript -->
    {% block js_more %}{% endblock js_more %}

    <!-- Amchart -->
     <script src="{% static "js/lib/morris-chart/raphael-min.js"%}"></script>
    <script src="{% static "js/lib/morris-chart/morris.js"%}"></script>
    <script src="{% static "js/lib/morris-chart/dashboard1-init.js"%}"></script>


	<script src="{% static "js/lib/calendar-2/moment.latest.min.js"%}"></script>
    <!-- scripit init-->
    <script src="{% static "js/lib/calendar-2/semantic.ui.min.js"%}"></script>
    <!-- scripit init-->
    <script src="{% static "js/lib/calendar-2/prism.min.js"%}"></script>
    <!-- scripit init-->
    <script src="{% static "js/lib/calendar-2/pignose.calendar.min.js"%}"></script>
    <!-- scripit init-->
    <script src="{% static "js/lib/calendar-2/pignose.init.js"%}"></script>

    <script src="{% static "js/lib/owl-carousel/owl.carousel.min.js"%}"></script>
    <script src="{% static "js/lib/owl-carousel/owl.carousel-init.js"%}"></script>
    <script src="{% static "js/scripts.js"%}"></script>
    <!-- scripit init-->

    <script src="{% static "js/custom.min.js"%}"></script>

</body>

</html>